import 'package:flutter/material.dart';


class GridNavNew extends StatelessWidget {


  @override
  Widget build(BuildContext context) {
    return PhysicalModel(
      color: Colors.transparent,
      borderRadius: BorderRadius.all(Radius.circular(10)),
      clipBehavior: Clip.antiAlias,
      child: Container(
        width: double.infinity,
        child: Column(
          children: <Widget>[
            Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(colors: [
                Color(0xfffa5956),
                Color(0xffef9c76).withAlpha(45)
                ])
              ),
              height: 70,
              child: Row(
                children: <Widget>[
                  GestureDetector(
                      onTap: null,
                      child: Container(
                        width: 110,
                        height: double.infinity,
                        decoration: BoxDecoration(
                          border: Border(
                              right: BorderSide(
                                color: Colors.white,
                                width: 1,
                              )),
                        ),
                        child: Stack(
                          alignment: AlignmentDirectional.bottomEnd,
                          children: <Widget>[
                            Image.asset(
                              'images/grid-nav-items-hotel.png',
                              width: 110,
                              fit: BoxFit.contain,
                              alignment: AlignmentDirectional.bottomEnd,
                            ),
                            Container(
                              alignment: AlignmentDirectional.centerStart,
                              margin: EdgeInsets.only(left: 16),
                              child: Text(
                                '酒店',
                                style: TextStyle(fontSize: 14, color: Colors.white),
                              ),
                            ),
                          ],
                        ),
                      )
                    ),
                  Expanded(
                      flex: 1,
                      child: Container(
                        decoration: BoxDecoration(
                          border: Border(
                              right: BorderSide(width: 1, color: Colors.white)
                          )
                        ),
                        child: Stack(
                          alignment: AlignmentDirectional.bottomStart,
                          children: <Widget>[
                            Image.asset(
                              'images/grid-nav-items-minsu.png',
                              width: 32,
                              fit: BoxFit.contain,
                              alignment: AlignmentDirectional.bottomStart,
                            ),
                            Container(
                              alignment: AlignmentDirectional.center,
                              child: Text(
                                '民宿.客栈',
                                style: TextStyle(fontSize: 14, color: Colors.white),
                              ),
                            ),
                          ],
                        ),
                      )),
                  Expanded(
                    flex: 2,
                    child: Container(
                      decoration: BoxDecoration(
                        gradient: LinearGradient(colors: [Color(0xffffbc49), Color(0xffffd252)])
                      ),
                      child: Stack(
                        alignment: AlignmentDirectional.bottomEnd,
                        children: <Widget>[
                          Image.asset('images/grid-nav-items-jhj.png', width: 90, fit: BoxFit.contain,),
                          Container(
                            child: Center(child: Text("机票/火车票+酒店", style: TextStyle(fontSize: 14, color: Color(0xffa05416))),),
                          ),
                          Positioned(
                              top: 8,
                              right: 24,
                              child: Container(
                                decoration: BoxDecoration(
                                  color: Colors.red,
                                  borderRadius: BorderRadius.only(topLeft: Radius.circular(4), topRight: Radius.circular(4), bottomRight: Radius.circular(4))
                                ),
                                child: Text("方便又便宜", style: TextStyle(color: Colors.white, fontSize: 10),),
                              ))
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
    )
    );
  }
}
